<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<script type="text/javascript" src="../course/js/coursemgtservice.js"></script>
	<script type="text/javascript" src="../course/js/coursemgtcontroller.js"></script>

	<script type="text/javascript">
		$(document).ready(function() {
		//                                            $('input').hover(function() {
		//                                                $(this).popover('show');
		//                                            });
		                                            initEventListeners();
		                    
		                                        function initEventListeners() {
		                                            $('#btnCreateOffering').bind('click', function() {
		                                                CourseMgtController.addCourseOffering();
		                                            });
		                                        }
	</script>

</head>

<body>
	<div class="container well" style="margin:40px">

		<form class="form-horizontal" role="form">
			<div class="form-group">
				<label for="cc_name" class="col-sm-2 control-label">Name</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="cc_name" placeholder="Course Category Name">
				</div>
			</div>
			<div class="form-group">
				<label for="cc_code" class="col-sm-2 control-label">Code</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="cc_code" placeholder="Course Category Code">
				</div>
			</div>
			<div class="form-group">
				<label for="cc_descrip" class="col-sm-2 control-label">Description</label>
				<div class="col-sm-10">
					<textarea class="form-control" rows="4" cols="50" id="cc_descrip">
					</textarea>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<button type="submit" class="btn btn-primary">Add</button>
				</div>
			</div>


		</form>
	</div>

</body>

</html>
